<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>编辑资料录入</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/product.css">
	<link rel="stylesheet" href="css/select-big.css">
	<link rel="stylesheet" href="css/file.css">
	<style>
		.content-btn {
		    margin: 0 16px;
		}
		.product-child-content{
			width: 970px;
			margin: 0 auto;
		}
		.product-child-content .content-btn {
		    margin: 0;
		}
		.content-table-two tbody tr td input{
			width: 80%;
			height: 30px;
			line-height: 30px;
			background: #F9FBFF;
			border: 1px solid #ecf2f7;
			border-radius: 15px;
			text-align: center;
		}
		.icon-delImg{
			display: inline-block;
		    background: url(images/close-1.png)no-repeat;
		    width: 25px;
		    height: 25px;
		    cursor: pointer;
		}
		.icon-delImg:hover{
			background: url(images/close-1.png)no-repeat 0 -27px;
		}
		.bzColor{
			color: #d5d5d5;
		}
		.save-btn {
		    margin-left: 16%;
		}
	</style>
</head>
<body>
<div class="main-content">
	<div class="main-bg1">
		<div class="content-btn bot-line">
			<a class="icon-back" href="informationEntry.html"></a><span class="title-info-a">编辑</span>
		</div>
		<div class="content-list">
			<table class="content-table-newservice" cellspacing="0" cellpadding="0">
				<tbody>
					<tr>
						<td><span class="info-red"><font color="red">*</font>开户行：</span></td>
						<td><select class="multiselect" id="single1">
							<option value="">中国人民银行</option>
							<option value="">中国工商银行</option>
							<option value="">中国农业银行</option>
							<option value="">中国建设银行</option>
						</select></td>
					</tr>
					<tr>
						<td><span class="info-red"><font color="red">*</font>开户行号：</span></td>
						<td><input type="text"></td>
					</tr>
					<tr>
						<td><span class="info-red"><font color="red">*</font>银行卡号：</span></td>
						<td><input type="text"></td>
					</tr>
					<tr>
						<td>备注：</td>
						<td><textarea name="" id="" cols="30" rows="3"></textarea></td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="dataEntry-content">
			<div class="content-btn bot-line">
				<span class="title-info">上传资料</span><em class="bzColor">（上图片要求：支持bmp、jpg、jpeg、jif、png格式，最大不能超过5M）</em>
			</div>
			<ul>
				<li>
					<span class="dataEntry-title"><font color="red">*</font>身份证扫描建：</span>
					<div class="dataEntry-info">
						<div class="uploadBtn">
							<input class="uploadInput" type="file">
							<span>上传扫描件</span>
						</div>
						<p class="file-info">上传要求：扫描清晰，扫描比例1:1，正反面扫描，证件有效期内。<i class="btn-operation">查看示例</i></p>
						<div class="imgItems">
							<div class="imgItems-modle">
								<img src="images/shenfenzheng.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">shenfenzheng.png</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<span class="dataEntry-title"><font color="red">*</font>打款凭条扫描建：</span>
					<div class="dataEntry-info">
						<div class="uploadBtn">
							<input class="uploadInput" type="file">
							<span>上传扫描件</span>
						</div>
						<p class="file-info">上传要求：扫描清晰，信息完全（打款日期、打款账户、客户姓名、打款金额、所属银行、交易号、确认凭条金额与打款金额与合同签署金额一致）。<i class="btn-operation">查看示例</i></p>
						<div class="imgItems">
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<span class="dataEntry-title"><font color="red">*</font>客户证件扫描建：</span>
					<div class="dataEntry-info">
						<div class="uploadBtn">
							<input class="uploadInput" type="file">
							<span>上传扫描件</span>
						</div>
						<p class="file-info">上传要求：扫描清晰，资产金额满足认购产品要求，仍在存续期内的资产证明，银行流水选取打款当日流水。<i class="btn-operation">查看示例</i></p>
						<div class="imgItems">
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<span class="dataEntry-title"><font color="red">*</font>合同签署照片：</span>
					<div class="dataEntry-info">
						<div class="uploadBtn">
							<input class="uploadInput" type="file">
							<span>上传扫描件</span>
						</div>
						<p class="file-info">上传要求：扫描清晰，客户签署过程拍照，客户手持身份证与合同拍照，照片可以看清楚身份证信息与合同名称。<i class="btn-operation">查看示例</i></p>
						<div class="imgItems">
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
						</div>
					</div>
				</li>
				<li>
					<span class="dataEntry-title"><font color="red">*</font>其他资料：</span>
					<div class="dataEntry-info">
						<div class="uploadBtn">
							<input class="uploadInput" type="file">
							<span>上传扫描件</span>
						</div>
						<p class="file-info">上传要求：扫描清晰，正反面扫描，确认所提供的银行卡号与合同签署账号一致。<i class="btn-operation">查看示例</i></p>
						<div class="imgItems">
							<div class="imgItems-modle">
								<img src="images/moban-img.png" alt="">
								<i class="delImg"></i>
								<span class="imgName">moban-img.png</span>
							</div>
						</div>
					</div>
				</li>
			</ul>
			<button class="save-btn matop30">保存</button>
		</div>
	</div>
</div>
	<script src="js/jquery-1.12.0.min.js"></script>
	<script src="js/select.jquery.js"></script>
	<script src="js/allProduct.js"></script>
	<script>
		$('.multiselect').multiselect({setMaxOptionNum:4,selectedHtmlValue:'全部',setWidth: 338+'px'});
		$('#single1').multiselect({multiple:false,selectedHtmlValue:'中国人民银行',setWidth: 338+'px'});

		function getHeight(){
		var myiframeH=$(".main-content").height();
		var _parent=$(window.parent.document);
        	_parent.find('body').css('height',(myiframeH+150)+'px');
			_parent.find('.main-position').css('height',(myiframeH+100)+'px');
    	};

    	$('.main-content').resize(function(){
			getHeight();
		});
	</script>
</body>
</html>